{% extends 'evaluate/admin/adminBase.html' %}

{% block staticS%}
<script src="/static/evaluate/js/echarts/dist/echarts.js"></script>
{% endblock%}
{%block right_views%}
            <div class="row top_tiles" style="margin: 10px 0;">
              <div class="col-md-3 col-sm-3 col-xs-6 tile">
                <h3><span>参与教师</span></h3>
                <h2 id="teacher_count"></h2>
                <span class="sparkline_one" style="height: 160px;">
                      <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
                  </span>
              </div>
              <div class="col-md-3 col-sm-3 col-xs-6 tile">
                <h3 ><span>参与学生</span></h3>
                <h2 id="student_count"></h2>
                <span class="sparkline_one" style="height: 160px;">
                      <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
                  </span>
              </div>
              <div class="col-md-3 col-sm-3 col-xs-6 tile">
                <h3><span>收集热词</span></h3>
                <h2 id="hot_count"></h2>
                <span class="sparkline_three" style="height: 160px;">
                      <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
                  </span>
              </div>
              <div class="col-md-3 col-sm-3 col-xs-6 tile">
                <h3><span>接收建议</span></h3>
                <h2 id="advice_count"></h2>
                <span class="sparkline_one" style="height: 160px;">
                  </span>
              </div>
            </div>
            <br />

            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="dashboard_graph x_panel">
                  <div class="row x_title">
                    <div class="col-md-6">
                      <h3>统计<small></small></h3>
                    </div>
                    <div class="col-md-6">
                      
                    </div>
                  </div>
                  <div class="x_content">
                    <div class="demo-container" >
                       <div id="total_number" style="width:100%;height:400px;"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>


            <div class="row " >
              <div class="col-md-4 col-sm-6 col-xs-12 test ">
                <div class="x_panel ">
                  <div class="x_title">
                    <h2>用户参与统计 <small>{{lately_term}}</small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <h4>学生</h4>
                    <div class="widget_summary">
                      <div id="total_student" style="width:100%;height:230px;"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-4 col-sm-6 col-xs-12 test">
                <div class="x_panel ">
                  <div class="x_title">
                    <h2>用户参与统计 <small>{{lately_term}}</small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <h4>教师</h4>
                    <div class="widget_summary">
                      <div id="total_teacher" style="width:100%;height:230px;"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-4 col-sm-6 col-xs-12 test">
                <div class="x_panel ">
                  <div class="x_title">
                    <h2>用户参与统计 <small>{{lately_term}}</small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <h4>学生和教师参与比例</h4>
                    <div class="widget_summary">
                      <div id="total_t_s" style="width:100%;height:230px;"></div>
                    </div>
                  </div>
                </div>
              </div>
             <div class="col-md-12 col-sm-12 col-xs-12" style="height:200px;">
                <button  class="down-button btn btn-primary">报表下载</button>
              </div>
            </div>
          </div>
          <div id="indexDown">
          </div>
{%endblock%}

{%block js%}
<script src="/static/evaluate/js/admin/admin-index.js"></script>
<!-- <script src="/static/evaluate/js/admin/downPdf.js"></script> -->
{%endblock%}